<template>
  <div id="left_ech6" style="width: 95%;height:300px;"></div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.right();
  },
  methods: {
    right() {
      let myChart = this.$echarts.init(document.getElementById("left_ech6"));
      myChart.setOption({
        title: {
          text: "全部订单",
          left: "left",
          top: 10,
          textStyle: {
            color: "#4dd4f5",
            fontSize: 14,
            fontWeight: 400
          }
        },
        series: [
          {
            name: "访问来源",
            type: "pie",
            selectedMode: "single",
            top: -90,
            radius: [25, 80],
            center: ["50%", "50%"],
            color: ["#4466f4", "#f33155"],
            labelLine: {
              show: true
            },
            data: [
              { value: 335, name: "未完成订单", selected: true },
              { value: 679, name: "已完成订单" }
            ]
          }
        ]
      });
    },
  }
};
</script>